/**
 * Created by Administrator on 2016/8/5.
 */
$(function(){
    //banner轮播
    var i = 0;
    var timer = null;
    var length = $('.bannerImg-div a').length;
    $('.circle i').click(function(){
        $('.circle i').eq($(this).index()).css('background','#fff').siblings().css('background','rgba(0,0,0,.3)');
        $('.bannerImg-div a').eq($(this).index()).show().siblings().hide();
    });
    $('.bannerIcon .rightIcon').click(function(){
        i++;
        clearInterval(timer);
        if(i >= length){
            i = 0;
        }
        show();
    });
    $('.bannerIcon .leftIcon').click(function(){
        i--;
        clearInterval(timer);
        if(i < 0){
            i = length - 1;
        }
        show();
    });
    function show(){
        $('.bannerImg-div a').eq(i).fadeIn(500).siblings().css('display','none');
        $('.circle i').eq(i).css('background','#fff').siblings().css('background','rgba(0,0,0,.3)');
    }
    var timeOut = function(){
        timer = setInterval(function(){
            $('.bannerIcon .rightIcon').trigger('click');
            timeOut();
        },4000);
    };
    $('.bannerImg').hover(function(){
        clearInterval(timer)
    },function(){
        timeOut();
    }).trigger('mouseout');

    //侧栏轮播
    var a = 0;
    $('#mobile i').click(function(){
        $('#mobile i').eq($(this).index()).css('background','#666').siblings().css('background','#e0e0e0');
        $('#mobile .sec').eq($(this).index()).fadeIn(500).siblings().hide();
    });
    $('#cloth i').click(function(){
        $('#cloth i').eq($(this).index()).css('background','#666').siblings().css('background','#e0e0e0');
        $('#cloth.sec').eq($(this).index()).fadeIn(500).siblings().hide();
    });
    $('#house i').click(function(){
        $('#house i').eq($(this).index()).css('background','#666').siblings().css('background','#e0e0e0');
        $('#house .sec').eq($(this).index()).fadeIn(500).siblings().hide();
    });
    $('#cars i').click(function(){
        $('#cars i').eq($(this).index()).css('background','#666').siblings().css('background','#e0e0e0');
        $('#cars .sec').eq($(this).index()).fadeIn(500).siblings().hide();
    });
    $('#player i').click(function(){
        $('#player i').eq($(this).index()).css('background','#666').siblings().css('background','#e0e0e0');
        $('#player .sec').eq($(this).index()).fadeIn(500).siblings().hide();
    });
    $('#game i').click(function(){
        $('#game i').eq($(this).index()).css('background','#666').siblings().css('background','#e0e0e0');
        $('#game .sec').eq($(this).index()).fadeIn(500).siblings().hide();
    });
    $('#plane i').click(function(){
        $('#plane i').eq($(this).index()).css('background','#666').siblings().css('background','#e0e0e0');
        $('#plane .sec').eq($(this).index()).fadeIn(500).siblings().hide();
    });
    $('#mom i').click(function(){
        $('#mom i').eq($(this).index()).css('background','#666').siblings().css('background','#e0e0e0');
        $('#mom .sec').eq($(this).index()).fadeIn(500).siblings().hide();
    });
    function play(m,elm1,elm2){
        $(elm1).eq(m).css('background','#666').siblings().css('background','#e0e0e0');
        $(elm2).eq(m).fadeIn(500).siblings().hide();
    }
    setInterval(function(){
        play(a,'#mobile i','#mobile .sec');
        play(a,'#cloth i','#cloth .sec');
        play(a,'#house i','#house .sec');
        play(a,'#cars i','#caes .sec');
        play(a,'#player i','#player .sec');
        play(a,'#game i','#game .sec');
        play(a,'#plane i','#plane .sec');
        play(a,'#mom i','#mom .sec');
        a++;
        if(a == 2){a=0}
    },4000);

   //购物车下方登录块
    $('.showCar-a').hover(function(){
        $('.showCar-down').show();
    },function(){
        $('.showCar-down').hide();
    });
    $('.showCar-down').hover(function(){
        $('.showCar-a').show().css('background','#fff').css('color','#6EC177').css('border-bottom','none');
        $('.showCar-down').show();
    },function(){
        $('.showCar-down').hide();
        $('.showCar-a').css('background','').css('color','').css('border-bottom','');
    });

    //分类列表table切换
    $('.bannerList li').hover(function(){
        $('.bannerList li').eq($(this).index()).find('div').show().parent().siblings().find('div').hide();
    },function(){
        $('.bannerList li').find('div').hide();
    });
});